var c = Object.defineProperty;
var p = (e, r, t) => r in e ? c(e, r, {
  enumerable: !0,
  configurable: !0,
  writable: !0,
  value: t
}) : e[r] = t;
var s = (e, r, t) => (p(e, typeof r != "symbol" ? r + "" : r, t),
  t);
import { V as u, $ as f, d4 as m, S as b, C as w, n as v } from "./index-9e4bc268.js";
var _ = Object.defineProperty
  , y = Object.getOwnPropertyDescriptor
  , h = (e, r, t, o) => {
    for (var i = o > 1 ? void 0 : o ? y(r, t) : r, n = e.length - 1, a; n >= 0; n--)
      (a = e[n]) && (i = (o ? a(r, t, i) : a(i)) || i);
    return o && i && _(r, t, i),
      i
  }
  ;
let l = class extends u {
  constructor() {
    super(...arguments);
    s(this, "drawerPositionOptions", f.map(r => ({
      label: m.get(r),
      value: r
    })));
    s(this, "drawerPosition", b);
    s(this, "appendToBody", !0);
    s(this, "drawerVisible", !1);
    s(this, "newDrawerVisible", !1)
  }
}
  ;
l = h([w], l);
var P = function () {
  var e = this
    , r = e.$createElement
    , t = e._self._c || r;
  return t("div", [t("s-form", {
    attrs: {
      "label-width": "12em",
      colon: "："
    }
  }, [t("s-form-item", {
    attrs: {
      label: "抽屉位置"
    }
  }, [t("s-radio-group", {
    attrs: {
      options: e.drawerPositionOptions
    },
    model: {
      value: e.drawerPosition,
      callback: function (o) {
        e.drawerPosition = o
      },
      expression: "drawerPosition"
    }
  })], 1), t("s-form-item", {
    attrs: {
      label: "是否挂在到 body 下"
    }
  }, [t("s-radio-group", {
    attrs: {
      options: [{
        label: "否",
        value: !1
      }, {
        label: "是",
        value: !0
      }]
    },
    model: {
      value: e.appendToBody,
      callback: function (o) {
        e.appendToBody = o
      },
      expression: "appendToBody"
    }
  })], 1), t("s-form-item", {
    attrs: {
      label: "抽屉操作"
    }
  }, [t("s-button", {
    attrs: {
      theme: "primary"
    },
    on: {
      click: function (o) {
        e.drawerVisible = !0
      }
    }
  }, [e._v("打开抽屉")])], 1)], 1), t("s-drawer", {
    attrs: {
      visible: e.drawerVisible,
      position: e.drawerPosition,
      size: "50rem",
      "mask-close": "",
      "append-to-body": e.appendToBody
    },
    on: {
      "update:visible": function (o) {
        e.drawerVisible = o
      }
    }
  }, [t("div", {
    staticStyle: {
      width: "100%",
      height: "100%",
      display: "flex",
      "justify-content": "center",
      "align-items": "center",
      gap: "1.6rem"
    }
  }, [t("s-button", {
    attrs: {
      theme: "primary"
    },
    on: {
      click: function (o) {
        e.drawerVisible = !1
      }
    }
  }, [e._v("关闭抽屉")]), t("s-button", {
    attrs: {
      theme: "primary"
    },
    on: {
      click: function (o) {
        e.newDrawerVisible = !0
      }
    }
  }, [e._v("打开新的抽屉")])], 1)]), t("s-drawer", {
    attrs: {
      visible: e.newDrawerVisible,
      position: e.drawerPosition,
      size: "30rem",
      header: "",
      title: "新抽屉",
      footer: "",
      text: "这是一个新的抽屉中的内容",
      "confirm-button": {
        theme: "success",
        text: "关闭"
      },
      "without-close-button": "",
      "append-to-body": e.appendToBody
    },
    on: {
      "update:visible": function (o) {
        e.newDrawerVisible = o
      },
      confirm: function (o) {
        e.newDrawerVisible = !1
      }
    }
  })], 1)
}
  , V = [];
const d = {};
var x = v(l, P, V, !1, D, null, null, null);
function D(e) {
  for (let r in d)
    this[r] = d[r]
}
const B = function () {
  return x.exports
}();
export { B as default };
